<template>
  <div>
    <group title="">
      <x-input title="姓名" name="username" placeholder="请输入姓名" is-type="china-name"></x-input>
    </group>

    <group title="">
      <x-input title="手机号码" name="mobile" placeholder="请输入手机号码" keyboard="number" is-type="china-mobile"></x-input>
    </group>

    <group title="性别">
      <radio :options="radio001" @on-change="change"></radio>
    </group>

    <group title="是否手术">
      <radio fill-mode :options="radio003" :value.sync="radio001Value" @on-change="change"></radio>
    </group>

    <div>
      <button @click='pushInfo'>提交</button>
    </div>

  </div>
</template>

<script>
import { XInput, Group, XButton, Cell, Radio } from '../components'
import { pushInfo } from '../vuex/actions'
export default {
  components: {
    XInput,
    XButton,
    Group,
    Cell,
    Radio
  },
  vuex: {
    actions: {
      pushInfo,
      updateInfo
    },
    computed: {
      
    }
  },
  data () {
    return {
      password: '123465',
      radio001: [{
        key: '001',
        value: '男生'
      }, {
        key: '002',
        value: '女生'
      }],
      radio001Value: '术前',
      radio002Value: '术后',
      radio003: [{
        key: '001',
        value: '术前'
      }, {
        key: '002',
        value: '术后'
      }]
    }
  },
  methods: {
    change (value) {
      console.log('change:', value)
    }
  }
}
</script>
<style scoped>
.weui_cell_ft .weui_btn {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
</style>
